*{
    margin: 0;
    padding: 0;}

body{background: #f0f0f0;}

/*页眉部分*/
header{height: 3.4rem;
    display: flex;
    background: #29bde0;
    align-items: center; }


.header img{padding-left:  10px;}

/*整体部分*/

.box-top {
    display:flex;
    justify-content: center;
    align-items: center;
    width: 89%; height: 4.5rem;
    margin: 20px auto;background: white;
    font-size: 18px;color: #9a9a9a; }

.return{
    background-image: url("return.gif");
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    width: 24px; height: 40px;
    position: absolute;
    right: 8vw; }

.container{
    width: 89%;height: 34rem;
    margin: auto;background: white; }

.text-top{
    display:flex;
    justify-content: center;
    padding: 0.8rem 0 0.8rem 0;
    font-size: 23px;
    letter-spacing:1px;
    font-weight: lighter;
    border-bottom:1px solid #fbb435;
    color: #fbb435;
    margin-bottom: 20px;}

.text-center-top,.text-center,.text-center-bottom{
    display:flex;justify-content: center;
    align-items: center;
    width: 83%; height:6.5rem;
    margin: auto;
    background: #69d1e9;
    font-size: 20px; color: white;
    text-decoration-line: none;}

.container .text-body{text-align: center;font-size: 15px;color: #9a9a9a;margin: 10px 0 10px 0;}
.container .text-branch{text-align: center;font-size: 15px;color: #9a9a9a;margin-top: 10px; }

.play2{background-image: url("play2.gif");
       background-repeat:no-repeat;
       background-size: 100% 100%;
       width: 15px; height: 27px;
       position: absolute;
       right: 7.5%; top:430px;}

/*页脚四个点部分*/
.vessel{display: flex;
    justify-content: center;
    margin:7px auto;}

.dot-one{
    width:13px;
    border-radius:7px; }

.dot-two{width:13px;
   border-radius:7px;
    margin-left: 8px;}

.dot-three{width:13px;
    border-radius:7px;
    margin-left: 8px;}

.dot-four{width:13px;height:13px;  /*应用行高撑起*/
    ;border-radius:7px;
    margin-left: 8px;}

.vessel> .dot-one{background:#f0f0f0;} /*先设置背景为灰色*/
.vessel> .dot-two{background:#f0f0f0;}
.vessel> .dot-three{background:#f0f0f0;}
.vessel> .dot-four{background:#f0f0f0;}

.vessel> a:hover{background: #69d1e9;}